
  .ant-message{
    z-index: 999999;
  }
  .notice-popover{
    .ant-popover-inner-content{
      padding: 12px 0;
      background: #303644;
    }
    .ant-popover-arrow{
      background: #303644;
    }
  }
  .badge-wrap{
    .ant-badge-count{
      font-size: 14px;
      box-shadow: 0 0 0 0 ;
      background: none;
      color: #df553a;
      font-weight: 600;
      right: -32px;
    }
  }
  .notice-icon{
    cursor: pointer;
    position: relative;
    top: 0;
    color: rgb(153, 153, 153);
    font-size: 20px;
  }
  .content-wrap{
    width: 22rem;
    min-height: 90px;
    .global-msg-loading{
      height: 90px;
      display: flex;
      justify-content: center;
      align-content: center;
      align-items: center;
    }
    .msg-li{
      cursor: pointer;
      padding: 0.5rem 1rem;
      font-size: 14px;
      border-bottom: 1px solid #5a5959;
      h4{
        display: flex;
        justify-content: space-between;
        margin-bottom: 4px;
        color: #dadada;
      }
      p{
        margin-bottom: 0;
        color: #dadada;
        word-break: break-all;
        span{
          color: #d4a668;
          padding: 0 2px;
        }
      }
      &:hover{
        background: #141729;
      }
      &.read {
        opacity: 0.6;
      }
    }
    .page-wrap{
      display: flex;
      padding: 0.2rem 1rem 0.5rem 1rem;
      justify-content: space-between;
      .clear-msg{
        color: #d4a668;
        border: 1px solid #d4a668;
        padding: 0.375rem 1rem;
        border-radius: 4px;
        cursor: pointer;
        &:hover{
          background: #141729;
        }
      }
      li{
        color: #dadada;
      }
      input{
        background-color: #272B37;
        color: #dadada;
      }
    }
  }
